<template>
  
  <div>
              <h2>Home组件内容</h2>
              <div>
                <ul class="nav nav-tabs">
                  <li>
                    <!--
                      router有两种模式

                      replace 与 push
                      前者会不断覆盖前面的历史记录
                      push则会不断的压栈进入历史记录，可以后退完成历史倒退
                      但是replace则不行

                    -->
                    <router-link :replace="true" active-class="active" class="list-group-item" to="/home/news">News</router-link>
                  </li>
                  <li>
                    <router-link replace active-class="active" class="list-group-item" to="/home/message">Message</router-link>
                  </li>
                </ul>
                <router-view></router-view>
      </div>
   </div>
</template>

<script>
export default {
    name:'HomeComponent'
}
</script>